.login-page {
  padding: 112px 0 24px;
  min-height: 100%;
  height: 100vh;
  background: linear-gradient(to top,rgba(132,234,209,.9), #5f4deb),url(/img/hero/hero_building.036ee5d6.jpg) center center no-repeat;
  .background {
    position: fixed; 
    top: 0; 
    left: 0;
    min-width: 100%;
    min-height: 100%;
    // z-index: 1;
  }
  .form {
    .header {
      text-align: center;
      margin: 24px 0 24px 0;
      img {
        &.app-logo {
          border-radius: 30px;
          border: 1px solid #e8e8e8;
          box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
          margin-bottom: 24px;
          padding: 12px;
        }
        &.text-logo {
          margin-bottom: 12px;
        }
      }
    }
    width: 368px;
    margin: 0 auto;
    .extra-items {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      a {
        margin-bottom: 12px;
      }
    }
    .ant-input {
      min-height: 0;
    }
  }
  .ant-form {
    .ant-row {
      margin-bottom: 12px;
    }
  }
  .register {
    text-align: center;
    padding: 12px;
    a {
      color: rgba(0, 0, 0, 0.65);
    }
  }
  .app-footer {
    padding: 12px 0 0 0;
  }
}